#{extends 'mobile.html' /} #{set title: 'O! - Menu do jogo' /}
#{set 'moreStyles'}
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
#{/set}

<div id="O!" data-url="O!" data-role="page" data-theme="d">
<div data-role="header" data-theme="d">
<h1>Opções de jogo</h1>
</div>

<div data-role="content">
<h3>Bem vindo, ${jogadorLogado.nome}!</h3>Aqui sua diversão é garantida!
<a type="button" href="@{Panel.partidasmobile()}" data-icon="star"  data-ajax="false">Jogar</a>
<a type="button" href="@{Application.ranking()}" data-icon="info"  data-ajax="false">Ranking</a>

</div></div>

